<!DOCTYPE html>
<html lang="en">
<head>
    <% include ./public/meta.html %>
    <title><%=title%></title>
</head>
<body>
    <header id="vision_header">
        <span class="return"><img src="../images/return.png" alt="" style="width:20%;"></span>
        <span><%=title%></span>
        <span>
            <a href="/audio/search" style="display: block;"><img src="../images/search_all.png" alt="" style="width:35%;"></a>
        </span>
    </header>
    <% if(name == "holy") {%>
    <section id="vision_section">
        <ul class="clearfix">
            <li>
                <a href="/vision/p">
                    <p>
                        <img class="holy_img" src="../images/vision_pic.png" alt="">
                        <span class="holy_play"><img src="../images/vision_play.png" alt=""></span>
                    </p>
                    <p class="holy_title">航拍川西秋景</p>
                </a>
            </li>
            <li>
                <a href="/vision/p">
                    <p>
                        <img class="holy_img" src="../images/vision_pic.png" alt="">
                        <span class="holy_play"><img src="../images/vision_play.png" alt=""></span>
                    </p>
                    <p class="holy_title">航拍川西秋景</p>
                </a>
            </li>
        </ul>
    </section>
    <% } else if(name == "vr") {%>
    <section id="vision_section" style="padding:0.8rem 1.5rem;margin-top:1rem;">
        <ul class="VR_list">
            <li>
                <a href="/vision/p">
                    <p>
                        <img class="VR_img" src="../images/vision_pic.png" alt="">
                        <span class="play_img"><img src="../images/vision_play.png" alt=""></span>
                    </p>
                    <p class="VR_title">圣地理塘风光</p>
                </a>
            </li>
            <li>
                <a href="/vision/p">
                    <p>
                        <img class="VR_img" src="../images/vision_pic.png" alt="">
                        <span class="play_img"><img src="../images/vision_play.png" alt=""></span>
                    </p>
                    <p class="VR_title">圣地理塘风光</p>
                </a>
            </li>
        </ul>
    </section>
    <% } else {%>
    <section id="vision_section">
        <ul>
            <li>
               <a href="/vision/p">
                   <p>
                    <img src="../images/vision_pic.png" alt="">
                    <span class="real_img"><img src="../images/real_time.png" alt=""></span>
                </p>
                <p class="eye_title">甘孜、康定、折多山</p>
               </a>
            </li>
            <li>
                <a href="/vision/p">
                   <p>
                    <img src="../images/vision_pic.png" alt="">
                    <span class="real_img"><img src="../images/real_time.png" alt=""></span>
                </p>
                <p class="eye_title">甘孜、康定、折多山</p>
               </a>
            </li>
        </ul>
    </section>
    <% } %>
</body>
</html>